<template>
	<view class="reserve_container">
		<view class="list">
			<view class="name">
				<text>小鱼</text>
				<text class="phone">12345678901</text>
				<view class="default">默认</view>
			</view>
			<view>
				<radio-group>
					<label>
						<radio checked />
					</label>
				</radio-group>
			</view>
		</view>
		<view class="list" id="white">
			<view class="name">
				<text>小鱼</text>
				<text class="phone">12345678901</text>
			</view>
			<view>
				<radio-group>
					<label>
						<radio />
					</label>
				</radio-group>
			</view>
		</view>
		<view class="btn" @click="addPerson">
			<button type="default" class="addPersonBtn">添加体检人</button>
		</view>
		<!-- 按钮 -->
		<view class="sure_btn" @click="sure">
			<view><text>选择</text></view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		methods:{
			// 添加体检人
			addPerson(){
				uni.navigateTo({
					url:'/pages/AddPerson/AddPerson'
				})
			},
			// 确定
			sure(){
				uni.navigateTo({
					url:'/pages/PayReserve/PayReserve'
				})
			}
			
		}
	}
</script>

<style lang="scss" scoped>
	.reserve_container {
		.border {
			background-color: #fff;
			border: 1px solid #59b58d;
		}

		#white {
			@extend .border;
		}

		.list {
			width: 690rpx;
			height: 100rpx;
			background-color: rgba(221, 221, 221, 0.3);
			display: flex;
			justify-content: space-between;
			line-height: 100rpx;
			margin: 30rpx 20rpx;
			padding-right: 20rpx;
			border-radius: 5%;

			.name {
				text {
					margin-left: 20rpx;
				}

				.default {
					display: inline-block;
					color: #59b58d;
					background-color: rgba(23, 131, 99, 0.1);
					border-radius: 10%;
					font-size: 30rpx;
					height: 30rpx;
					margin-top: 10rpx;
					line-height: 30rpx;
					margin-left: 0rpx;
				}
			}
		}

		.btn {
			.addPersonBtn {
				@extend .border;
				font-weight: 400;
				font-style: normal;
				font-size: 18px;
				color: rgb(89, 181, 141);
				width: 430rpx;
				height: 96rpx;
			}
		}
		// 底部按钮
		.sure_btn{
			width: 750rpx;
			height: 96rpx;
			background-color: #59b58d;
			color: white;
			font-size: 18px;
			text-align: center;
			position: fixed;
			bottom: 0;
			line-height: 96rpx;
		}
	}
</style>
